<template>
<!-- ！！！要加上自己的样式前缀，防止与bootstrap冲突 -->
  <div class="a-card">
      <b-card
        title="Card Title"
        img-src="https://picsum.photos/600/300/?image=25"
        img-alt="Image"
        img-top
        tag="article"
        style="max-width: 20rem;"
      >
        <b-card-text>
          Some quick example text to build on the card title and make up the
          bulk of the card's content.
        </b-card-text>

        <b-button href="#" variant="primary">Go somewhere</b-button>
      </b-card>
    </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
  .a-card {
    @include f-c();
  }
</style>
